
				<div id="content">
					<div class="border_box">
						<div class="box_skitter box_skitter_large">
							<ul>
								{{foreach from=$image.main_image item=item}}
									<li>
										<a href="#{{$item.class}}">
											<img src="{{$BASE_URL}}{{$item.path}}" class="{{$item.class}}"/>
										</a>
										<div class="label_text">
											<p>{{$item.class}}</p>
										</div>
									</li>
								{{/foreach}}
							</ul>
						</div>
					</div>
					
				</div>
				<div class="span">
					<span>{{$image.full_text}}</span>
				</div>
			
<script>
		$(document).ready(function(){
			
			$('.box_skitter_large').skitter({label: false, numbers: false});
			$('.box_skitter_small').skitter({label: false, numbers: false, interval: 1000});
			$('.box_skitter_medium').css({width: 500, height: 200}).skitter({show_randomly: true, navigation: false, dots: true, interval: 4000});
			$('.box_skitter_normal').css({width: 400, height: 300}).skitter({animation: 'blind', interval: 2000, hideTools: true});
			
			// Highlight
			$('pre.code').highlight({source:1, zebra:1, indent:'space', list:'ol'});
			$('.prev_button').remove();
			$('.next_button').remove();
			
		});
	</script>